<%@ page language="java" 
	import="java.util.*" 
	import="pe.gob.onpe.pojo.*" pageEncoding="ISO-8859-1"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
	<title>VENP Voto Electr&oacute;nico No Prensencial</title>
	<meta http-equiv="Content-Type" content="text/html;charset=iso-8859-1" />
	<!-- Ajax  -->  		
    <link rel="stylesheet" type="text/css" href="./css/style.css" />	
	<link rel="stylesheet" type="text/css" href="./css/grilla.css" />
</head>

<body>

	<!-- antes wiewreport -->
	<!-- fin de header -->
	<div id="header-top">
		<table width="100%" border="0" cellpadding="2" cellspacing="0">
			<tr>
				<td width="50" rowspan="2" valign="middle" style="padding:2px" >
					<img  src="images/logo_onpe.png" />					</td>
				<td align="center"><img src="images/logo-app.png" width="600" /></td>

			    <td width="100" rowspan="2" align="center">&nbsp;</td>
			</tr>
			<tr>
				<td align="center" valign="middle" class="tituloOnpe">
					OFICINA NACIONAL DE PROCESOS ELECTORALES				  </td>
          </tr>
		</table>
	</div>

		
	<div id="all" >	
		<div id="wrap">
			<div id="cnt">
		  	<div style="height:80px" ></div>
			<table align="center" >
			  <tr><td>
				<div class="block" >
					<h3>
						<span>Iniciar sesi&oacute;n</span>

					</h3>
					<div class="inner">
						<form name="LoginForm" method="post" action="./Menu/AutorizarUsuarioAction.do?acc=mostrarMenu">
						<input type="hidden" name="acc" value="iniciarSession" />
							<div class="login-content">
								<p>Para acceder, necesitas ingresar tu nombre de usuario y contrase&ntilde;a.<br/>
								<br/></p>
							</div>

							<div>
								<table class="formu">
									<tr>
										<td><label>Usuario (*)</label></td>
										<td>
										<!-- 
											<input type="text" class="inputtext" value="administrador" name="user"/>
										 -->	
											<input type="text" name="usuario.nombreUsuario" value="" class="inputtext">
										</td>
									</tr>
									<tr>
										<td><label>Contrase&ntilde;a (*)</label></td>
										<td>
											 <input type="password" name="usuario.contrasena" value="" class="inputtext" />
										</td>							
									</tr>
									<tr>
										<td><label>Proceso Electoral</label></td>
										<td>
										<%  List listProcesosElectorales = (List)request.getAttribute("listProcesosElectorales");	%>
											<select id="procesoElectoralId" name="procesoElectoralId" >
												<option value="0" >Seleccione proceso</option>
												<% for(int i=0; i<listProcesosElectorales.size() ;i++){
														ProcesoElectoralPojo procesoElectoralPojo = (ProcesoElectoralPojo)listProcesosElectorales.get(i);
												%>
												<option value="<%=procesoElectoralPojo.getProcesoElectoralId()%>" >
													<%=procesoElectoralPojo.getNombre()%>
												</option>
												<% } %>
											</select>
										</td>
									</tr>	
								</table>
							</div>

							<div class="botonera">
								<input type="submit" value="Ingresar" class="boton"/>&nbsp;&nbsp;
								<input type="button" value="Cancelar" onclick="javascript:window.close()" class="boton"/>
							</div>
					  </form>
						
						
								
					</div><!-- Fin de inner -->
				</div><!-- Fin de block -->
		</td></tr></table>
				
				
			</div><!-- fin de cnt -->

		</div><!-- fin de wrap -->
		 
	</div>
	<div id="footer" style="background-color: #324B84"  >
		<span>Sistema de Votaci&oacute;n no Presencial</span>  ONPE	2009</div>
</body>
</html>